<template>
	<div ref="paginationH">
		<el-pagination
			@size-change="handleSizeChange"
			@current-change="handleCurrentChange"
			:current-page="current"
			:page-sizes="[10, 20, 30]"
			:page-size="size"
			layout="total, sizes, prev, pager, next, jumper"
			:total="totalSize"
			class="text-right padding-t-20"
			>
		</el-pagination>
	</div>
</template>

<script>
	export default{
		props:['totalSize', 'current', 'size'],
		data() {
			return {

			}
		},
		methods: {
			// pageSize 改变时
			handleSizeChange(size) {
				this.$emit('sizeChange', size)
			},
			// currentPage 改变时
			handleCurrentChange(page) {
				this.$emit('pageChange', page)
			}
		}
	}
</script>

<style>
</style>
